// 1.引入 Vue
import Vue from "vue";

// 2.引入 VueRouter
import VueRouter from "vue-router";

// 5.引入路由组件
const About = () => import("@/pages/About");
const Home = () => import("@/pages/Home");

// 3.注册路由插件
Vue.use(VueRouter);

// 4.创建路由映射表
const routes = [
  { path: "/about", component: About },
  { path: "/home", component: Home },
  // 路由重定向
  { path: "/", redirect: "/about" },
  // 默认子路由（地址上不会显示该路由的路径，也就是 path）
  // { path: "", component: About },
];

// 6.创建路由实例并暴露
export default new VueRouter({
  // 默认 hash 模式 location.pushState
  mode: "history",  // 地址中没有 # 更优雅
  routes,
});
